
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>LOVE YOU</title>
    <!--<script src="https://cdn.bootcss.com/jquery/3.3.1/core.js"></script>-->
    <!--<script src="js/jq.js"></script>-->

    <!--<link href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap.css" rel="stylesheet">-->
    <!--<script src="https://cdn.bootcss.com/bootstrap/4.1.1/js/bootstrap.js"></script>-->
    <!--<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">-->



    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <link rel="stylesheet" href="https://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css" >
    <script src="https://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js" ></script>

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

</head>
<body>
<div class="container">
    <div class="row col-md-3"></div>
    <div class="row col-md-6" >
        <div class="row question">
            <div class="col-md-6 col-xs-12">
                <p style="line-height: 50px;font-size: 10px;">“小姐姐，我观察你很久了”</p>
                <p style="line-height: 50px;font-size: 20px;">做我女朋友好不好？</p>
            </div>
            <div class="col-md-6 col-xs-12">
                <img src="https://i.jpg.dog/img/a85bca3bdf386249b7ee74ca40518c93.png" alt="" style="height: 200px;">
            </div>
        </div>
        <div class="row question" style="margin-top: 20px;">
            <div class="col-md-6 col-xs-6" style="text-align: center;">
                <button type="button" class="btn btn-success" style="width: 80%" id="no">好</button>
            </div>
            <div class="col-md-6 col-xs-6" style="text-align: center;">
                <button type="button" class="btn btn-danger" style="width: 80%" id="ok">不好</button>
            </div>
        </div>
        <div class="col-md-12 col-xs-12 " id="success" style="display: none">
            <img src="https://i.jpg.dog/img/769db7762db8753d91143c4c8c394e76.gif" alt="" style="width: 100%;">
        </div>
    </div>

    <div class="row col-md-3"></div>

</div>
<script>
	var i=1;
	var ok=false;
//	$(document).ready(function(){
		$("#no").click(function(){

			alert("真的吗？你答应了？");
			alert("给我发消息吧，爱你");
			$(".question").addClass('hide');
			$("#success").removeClass('hide');
			ok=true;
            $.ajax({
                type: 'GET',
                url:'http://47.94.198.142:32769/test/yangbin',
                dataType: 'json',
                data: {
		          a: 111
	            },
                success: function( result ) {

                }
            });

		});
		$("#ok").click(function(){
			switch(i){
				case 1:
					alert("工资上交");
					break;
				case 2:
					alert("家务全包");
					break;
				case 3:
					alert("房产证写你的名字");
					break;
				case 4:
					alert("保大");
					break;
				case 5:
					alert("我妈会游泳");
					break;
				case 6:
					alert("不跟你吵架，会撒娇 会卖萌");
					break;
				default:
					alert("答应我吧");
			}
			i++;
					$.ajax({
						type: 'GET',
						url:'http://47.94.198.142:32769/test/yangbin',
						dataType: 'json',
						data: {
							a: 222
						},
						success: function( result ) {

						}
					});
		});
//	});
</script>
</body>
</html>